body {
  background-color: #f1f1f1;
}
.header {
  width: 100%;
  height: 2rem /* 100/50 */;
  background-color: #ff841d;
  border-bottom: 1px solid #ff7402;
}
.header .logo img {
  width: 7.5rem /* 375/50 */;
  height: 1.06rem /* 53/50 */;
}
.header .he-app {
  float: right;
  margin: 0.28rem /* 14/50 */;
}
.header .he-app img {
  width: 1.4rem /* 70/50 */;
  height: 1.4rem /* 70/50 */;
}
.header .hea-a {
  height: 2rem /* 100/50 */;
  line-height: 2.2rem /* 110/50 */;
}
.header .hea-a i {
  font-size: 0.6rem /* 30/50 */;
  color: #fff;
  font-weight: 700;
  margin-left: 0.4rem /* 20/50 */;
}
.search {
  width: 100%;
  height: 2rem /* 100/50 */;
  background-color: #ffffff;
  padding: 0.4rem /* 20/50 */;
}
.search form {
  display: flex;
}
.search form input {
  width: 11.4rem /* 570/50 */;
  height: 1.2rem /* 60/50 */;
  border-radius: 0.6rem /* 30/50 */;
  background-color: #f1f1f1;
  padding-left: 0.4rem /* 20/50 */;
  flex: 1;
}
.search form button {
  width: 2.56rem /* 128/50 */;
  height: 1.2rem /* 60/50 */;
  background-color: #ff841e;
  border-radius: 0.6rem /* 30/50 */;
  color: #ffffff;
  font-size: 0.6rem /* 30/50 */;
  margin-left: 0.28rem /* 14/50 */;
}
.nav {
  padding: 0.4rem /* 20/50 */;
  margin: 0.4rem /* 20/50 */ 0 0.2rem /* 10/50 */ 0;
  background-color: #ffffff;
  overflow: hidden;
  transition: all 1s;
}
.nav .nav-box {
  width: 25%;
  float: left;
  text-align: center;
  transition: all 1s;
}
.nav .nav-box img {
  width: 2rem /* 100/50 */;
  height: 2rem /* 100/50 */;
  margin-bottom: 0.32rem /* 16/50 */;
  margin-top: 0.6rem /* 30/50 */;
}
.hide {
  transform: scale(0);
  height: 0;
}
.line {
  height: 1.32rem /* 66/50 */;
  background-color: #ff9a17;
  background-image: linear-gradient(#ffaf47, #ff9a17);
  line-height: 1.32rem /* 66/50 */;
  padding: 0 0.4rem /* 20/50 */;
  font-size: 0.68rem /* 34/50 */;
  color: #ffffff;
}
.line p {
  float: left;
}
.line a {
  float: right;
  height: 0.8rem /* 40/50 */;
  width: 0.8rem /* 40/50 */;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-top: 0.28rem /* 14/50 */;
  line-height: 0.76rem /* 38/50 */;
  text-align: center;
  font-family: '宋体';
  color: #ffffff;
  font-size: 0.5rem /* 25/50 */;
}
.main {
  background-color: #fff;
}
.main .main-box {
  display: flex;
  padding: 0.6rem /* 30/50 */ 0.32rem /* 16/50 */;
  border-bottom: 1px solid #c4c3c1;
  position: relative;
}
.main .main-box .main-img {
  float: left;
  width: 4.72rem /* 236/50 */;
  height: 4rem /* 200/50 */;
}
.main .main-box .main-p {
  float: right;
  vertical-align: middle;
}
.main .main-box .main-p .p-top {
  min-height: 2.6rem /* 130/50 */;
  font-size: 0.6rem /* 30/50 */;
}
.main .main-box .main-p .p-top span:nth-child(1) {
  color: #ff5f05;
}
.main .main-box .main-p .p-down span {
  font-size: 0.52rem /* 26/50 */;
  color: #c4c3c1;
}
.main .main-box .main-p .p-down span:nth-child(1) {
  float: left;
}
.main .main-box .main-p .p-down span:nth-child(2) {
  float: right;
}
.more {
  padding: 0.4rem /* 20/50 */;
  background-color: #ffffff;
}
.more .more-box {
  font-size: 0.58rem /* 29/50 */;
  color: #000000;
  background-color: #F4F4F4;
  text-align: center;
  height: 1.32rem /* 66/50 */;
  width: 14.2rem /* 710/50 */;
  line-height: 1.28rem /* 64/50 */;
  border: 1px solid #ddd;
  border-radius: 0.2rem /* 10/50 */;
  background-image: linear-gradient(#fff, #f4f4f4);
}
.foot {
  padding-top: 1.04rem /* 52/50 */;
  background-color: #fff;
}
.foot .foot-top {
  background-color: #efefef;
}
.foot .foot-top ul {
  border-color: #efefef;
  overflow: hidden;
  display: flex;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.foot .foot-top ul li {
  float: left;
  width: 33.33%;
  border-right: 1px solid #c5c5c5;
  text-align: center;
  height: 1.32rem /* 66/50 */;
}
.foot .foot-top ul li a {
  color: #000000;
  display: block;
  height: 100%;
  line-height: 1.24rem /* 62/50 */;
}
.foot .foot-top ul li img {
  width: 0.56rem /* 28/50 */;
  height: 0.56rem /* 28/50 */;
  background-color: #efefef;
  vertical-align: middle;
  margin-top: -0.2rem /* 10/50 */;
}
.foot .foot-top ul li:nth-child(3) {
  border: none;
}
.foot .foot-base {
  background-color: #efefef;
  height: 2.48rem /* 124/50 */;
  text-align: center;
  padding-top: 0.72rem /* 36/50 */;
}
.foot .foot-base .red {
  color: red;
}
.foot .foot-base .h {
  color: #000000;
}
